.page {
	.content {
		padding: 12px;
		background: #ffffff;
		border-radius: @border-radius-base;

		.notes {
			p {
				> span:first-child {
					vertical-align: top;
				}

				textarea {
					width: calc(100% - 70px);
				}
			}

			button {
				height: 32px;
				border-radius: 16px;
				color: @primary-color;
				border-color: @primary-color;
				padding: 5px 15px;
			}
		}

		.opinion {
			margin-bottom: 12px;

			> div {
				background: #ebebeb;
				padding: 16px 28px;
				color: @text-color;
				font-weight: 500;
				font-size: 16px;
			}

			table {
				width: 100%;
				border-color: #ebebeb;

				tr {
					min-height: 54px;

					td:first-child {
						width: 120px;
						text-align: center;
					}

					td:nth-child(2) {
						padding: 16px 28px;
					}

					p {
						margin: 0;
						line-height: 26px;
					}

					span {
						margin-right: 12px;
					}
				}

				.status {
					color: @primary-color;
				}

				.btn {
					color: @primary-color;
					cursor: pointer;
				}
			}
		}

		.city {
			label::before {
				display: inline-block;
				margin-right: 4px;
				color: #ff4d4f;
				font-size: 14px;
				font-family: SimSun, sans-serif;
				line-height: 1;
				content: '*';
			}
		}

		.wrap {
			margin-top: 30px;
			display: flex;
			justify-content: center;

			button {
				margin: 0 6px;
			}
		}

		.uploadWrap {
			display: flex;
			height: 48px;
			line-height: 48px;
			color: @primary-color;
			border: 1px solid rgba(0, 0, 0, 0.06);
			border-left: none;

			:global {
				.ant-col-3 {
					color: @text-color;
					text-align: center;
					background: #fafafa;
					border-left: 1px solid rgba(0, 0, 0, 0.06);
					border-right: 1px solid rgba(0, 0, 0, 0.06);
				}

				.ant-col-3::before {
					display: inline-block;
					margin-right: 4px;
					color: #ff4d4f;
					font-size: 14px;
					font-family: SimSun, sans-serif;
					line-height: 1;
					content: '*';
				}

				.ant-col-5 {
					padding-left: 20px;
				}
			}
		}

		.otherUpload {
			height: 48px;
			color: @primary-color;
			text-align: center;
			border: 1px solid rgba(0, 0, 0, 0.06);
			border-top: none;
			line-height: 48px;
		}
	}

	.tip {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		background-color: @primary-color;
		margin-right: 8px;
	}

	:global {
		.ant-upload-list {
			margin: 8px 0 0;
		}
		.uploadTip {
			margin: 0 0 0 100px;
			color: #999999;
		}

		.ant-collapse-item {
			margin-bottom: 12px;
			border-radius: @border-radius-base;
			box-shadow: 0px 2px 8px 0px rgba(39, 50, 49, 0.2);
		}
	}
}

.formDetils {
	:global {
		.ant-input[disabled],
		.ant-picker-disabled,
		.ant-input-number-disabled,
		.ant-select-disabled.ant-select:not(.ant-select-customize-input)
			.ant-select-selector {
			color: @text-color;
			text-overflow: ellipsis;
			background: none;
			border: none;
			cursor: default;
			resize: none;
		}

		.ant-select-disabled {
			.ant-select-arrow {
				display: none;
			}
		}

		.ant-picker-disabled {
			.ant-picker-input {
				.ant-picker-suffix {
					display: none;
				}
			}
		}

		.ant-form-item-label > label::after {
			content: ':';
			position: relative;
			margin-block: 0;
			margin-inline-start: 2px;
			margin-inline-end: 8px;
		}

		.ant-form-item-label > label {
			color: @text-color;
		}

		.ant-picker {
			width: 100%;
		}
	}
}
